<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
  <base href=""/>
  <title>结算首页</title>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap.min.css">
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap-datetimepicker.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/fileinput.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/common.css"/>

  <script type="text/javascript" src="../static/js/jquery-1.10.2.min.js"></script>
  <script type="text/javascript" src="../static/js/jquery.form.js"></script>
  <script type="text/javascript" src="../static/js/bootstrap.min.js"></script>
  <script type='text/javascript' src='../static/js/fileinput.js'></script>
  <script type='text/javascript' src='../static/js/zh.min.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.zh-CN.js'></script>
  <script type="text/javascript" src="../static/js/common.js"></script>
  <script type="text/javascript" src="../static/js/messageContent.js"></script>
  <script type='text/javascript' src='../static/js/echarts.js'></script>
  <script type='text/javascript' src='../static/js/page.js'></script>
  <script type='text/javascript' src='../static/js/balance/costFirstPage.js'></script>
</head>
<body>
  <div id="costFistPageAll">
      <div class="partTable">
     	<div class="col-sm-12 oneWidth">
	        <div class="col-sm-12 AhalfWidth">
              	<div class="comTitle" id="firstTitle">
              		<div class="col-sm-1"><label>营收走势</label></div>
	              	<div class="col-sm-1 partTurnPage">
		              	<div class="addRemoveClass bacGreen" onclick="addRemoveClass('addRemoveClass', 'bacGreen', 'sixMonth', '')" id="sixMonth">近6个月
		              	</div>
	              	</div>
	       			<div class="col-sm-1 partTurnPage" style="margin-right: 10px;">
	       				<div class="addRemoveClass" onclick="addRemoveClass('addRemoveClass', 'bacGreen', 'oneYear', '')" id="oneYear">近一年
	       				</div>
	       			</div>
	       			<div class="col-sm-2 partCondition partTurnPage">
						<select>
							<option value='' selected="selected">请选择</option>
						</select>
					</div>
					<div class="col-sm-2 partCondition partTurnPage">
						<select>
							<option value='' selected="selected">请选择</option>
						</select>
					</div>
					<div class="col-sm-2 partCondition partTurnPage">
						<select>
							<option value='' selected="selected">请选择</option>
						</select>
					</div>
              	</div>
              	<div class="comBody bacWhite" id="detailOneBody">
              	</div>
            </div>
		</div>
		<div class="col-sm-12 oneWidth">
	        <div class="col-sm-4 AhalfWidth">
              	<div class="comTitle bacWhite"><div class="col-sm-12"><label>月收入</label></div></div>
              	<div class="comBody bacWhite">
              		<div class="col-sm-12" id="alwaysMoney">
              			<div class="marginBottomTen"><label id="alwayImg">￥</label><label id="alwaysValue">5,654,872.36</label></div>
	              		<div class="marginBottomTen monthFont">总收入</div>
              		</div>
              		<div class="col-sm-12">
              			<div class="col-sm-4 monthDiv">
	              			<div class="marginBottomTen monthValue"><span>363.35万</span></div>
	              			<div class="marginBottomTen monthFont">总支出</div>
              			</div>
              			<div class="col-sm-4 monthDiv">
              				<div class="marginBottomTen monthValue"><span>363.35万</span></div>
	              			<div class="marginBottomTen monthFont">净利润</div>
              			</div>
              			<div class="col-sm-4 monthDiv">
              				<div class="marginBottomTen monthValue2"><span>+36%</span></div>
	              			<div class="marginBottomTen monthFont">同比上月</div>
              			</div>
              			
           			</div>
              	</div>
            </div>
            <div class="col-sm-4 AhalfWidth">
              	<div class="comTitle bacWhite"><div class="col-sm-12"><label>月总费用充电站Top</label></div></div>
              	<div class="comBody bacWhite" id="detailThreeBody">
           			<table class="table table-hover">
						<thead>
							<tr>
								<th>序号</th>
								<th>充电站</th>
								<th>总费用(元)</th>
								<th>同比上月</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>1</td>
								<td>永定门102</td>
								<td>21715.41</td>
								<td>+1%</td>
							</tr>
							<tr>
								<td>2</td>
								<td>翠林41</td>
								<td>19862.53</td>
								<td>+1.1%</td>
							</tr>
							<tr>
								<td>3</td>
								<td>衙门口308</td>
								<td>17527.43</td>
								<td>+1.3%</td>
							</tr>
							<tr>
								<td>4</td>
								<td>龙锦苑681</td>
								<td>16512.21</td>
								<td>+1.2%</td>
							</tr>
							<tr>
								<td>5</td>
								<td>西黄庄121</td>
								<td>15124.28</td>
								<td>+1.1%</td>
							</tr>
						</tbody>
					</table>
              	</div>
            </div>
			<div class="col-sm-4 AhalfWidth">
              	<div class="comTitle bacWhite"><div class="col-sm-12"><label>今日审核情况</label></div></div>
              	<div class="comBody bacWhite" id="detailFourBody">
              		<div id="firstEcharts"></div>
              	</div>
            </div>
		</div>
      </div>
  </div>
</body>
</html>